<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>频道页面-{$tpshop_config['shop_info_store_title']}</title>
         <link rel="shortcut icon"  href="{$tpshop_config['shop_info_store_ico']}" />
        <meta http-equiv="keywords" content="{$tpshop_config['shop_info_store_keyword']}" />
        <meta name="description" content="{$tpshop_config['shop_info_store_desc']}" />
    </head>
    <body>
        <!--------头部开始-------------->
    <include file="Public/header" />
    <!--------头部结束--------------> 
    <link rel="stylesheet" href="__STATIC__/css/page.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/css/category.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/css/common.min.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/css/channel.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/css/beauty.min.css" type="text/css">
    <style type="text/css">
        .list{display:block}
        .goods_num:hover .trinagle {
            background: url(__STATIC__/images/icon1.png)-229px -27px no-repeat;
        }
    </style>
    <script src="__PUBLIC__/js/pc_common.js"></script>
    <!--------中间内容-------------->
    <div id="warpper" class="clearfix">
        <div class="clearfix tp_page" id="wrapper">
            <div class="g-sld tracker_market" id="bgcolor" style="">
                <div class="g-pst ma m-sld-clh fixed"> 
                    <!-- 左侧导航 begin -->

                    <!-- 左侧导航 end --> 

                    <!-- 右侧的轮播产品展示 -->
                    <div class="m_wg_area m-mum-slide oh fl" data-local="toproll" data-max="1">
                        <div class="J_animateSlider J_wd_pendant" data-arrow="1" data-position="2" data-animate="1" data-auto="1" data-slider="1">
                            <div class="u-ms-lst slide fl oh" id="slideMain">
                                <ul class="slider-main" style="width: 1000px;">
                                    <li data-bgcolor="" class="" style="position: absolute; z-index: 0; opacity: 0;"> 
                                        <a href="" target="_blank"><img src="__STATIC__/images/570b6a057a2a5.jpg" alt="" title="" style=""></a> </li><li data-bgcolor="" class="z-select" style="position: absolute; z-index: 1; opacity: 1;"> 
                                        <a href="" target="_blank"><img src="__STATIC__/images/570b6a232c35f.jpg" alt="" title="" style=""></a> </li>            </ul>
                                <ul class="s-ctr slider-nav" style="width: 1000px;">
                                    <li class="slider-item"></li><li class="slider-item z-select"></li> 
                                </ul>
                                <div class="s-pg J_page_box" style="display: none;"><a href="javascript:;" class="s-prev slider-prev">&lt;</a><a href="javascript:;" class="s-next slider-next" style="margin-left: 440px;">&gt;</a></div>
                                <ul class="s-ctr slider-nav" style="width: 1000px;"><li class="slider-item z-select"></li><li class="slider-item"></li></ul><div class="s-pg J_page_box" style="display: none;"><a href="javascript:;" class="s-prev slider-prev">&lt;</a><a href="javascript:;" class="s-next slider-next" style="margin-left: 440px;">&gt;</a></div></div>
                        </div>
                    </div>
                    <!-- 右侧的轮播产品展示 end --> 
                    <!-- 轮播右侧小广告 -->
                    <div class="m_wg_area" data-local="topright" data-max="1"> </div>
                    <!-- 轮播右侧小广告 end --> 
                </div>
            </div>
            <div class="J_side_nav_trigger"></div>
            <div class="module editable F_dynamic" moduleid="1551308" parentmoduleid="1551308">
                <div class="layout container mt30">
                    <div class="layout-hd">
                        <div class="layout-title fl">达人推荐</div>
                    </div>
                    <div class="recommend-goods">
                        <div class="item "> <a href="javascript:;" > <img data-images="http://img16.fn-mart.com/pic/5191133a5ea8dcbd35fc/h262TT5T_nfdBlZdVT/7imyeapaByUG_a/CsmRrlbPrVuAM__xAAFiqTLZ3fk210.jpg" src="http://img16.fn-mart.com/pic/5191133a5ea8dcbd35fc/h262TT5T_nfdBlZdVT/7imyeapaByUG_a/CsmRrlbPrVuAM__xAAFiqTLZ3fk210.jpg" alt="" class="img100">
                                <div class="word">
                                    <p class="up">精品套装</p>
                                    <p class="down">赋予肌肤丝滑体验</p>
                                </div>
                            </a> </div>
                        <div class="item "> <a href="javascript:;" > <img data-images="http://img16.fn-mart.com/pic/8759133a5ea9dcc275ae/BTHTzz1zFztdBgugCz/79SGmR0aTGkGMG/CsmRr1bPrYeAP8ObAAD3pIM41ec205.jpg" src="http://img16.fn-mart.com/pic/8759133a5ea9dcc275ae/BTHTzz1zFztdBgugCz/79SGmR0aTGkGMG/CsmRr1bPrYeAP8ObAAD3pIM41ec205.jpg" alt="" class="img100">
                                <div class="word">
                                    <p class="up"> 面膜</p>
                                    <p class="down">不再做干“菇凉”</p>
                                </div>
                            </a> </div>
                        <div class="item "> <a href="javascript:;" > <img data-images="http://img17.fn-mart.com/pic/2af8133a5ea3dcc81b0b/KzHz2272DzCdBMVgL2/59mGeRpaTaKGFa/CsmRsFbPrbmAfQYPAAFjNCJ0dIw287.jpg" src="http://img17.fn-mart.com/pic/2af8133a5ea3dcc81b0b/KzHz2272DzCdBMVgL2/59mGeRpaTaKGFa/CsmRsFbPrbmAfQYPAAFjNCJ0dIw287.jpg" alt="" class="img100">
                                <div class="word">
                                    <p class="up">男士护理</p>
                                    <p class="down">打造完美男人</p>
                                </div>
                            </a> </div>
                        <div class="item last"> <a href="javascript:;" > <img data-images="http://img17.fn-mart.com/pic/d54e133a5ea7dcca4190/h262TT5T_nfdBlZd3T/59oGmGUGZyf9gG/CsmRsVbPrdyAEHdOAAEG5_87gKA002.jpg" src="http://img17.fn-mart.com/pic/d54e133a5ea7dcca4190/h262TT5T_nfdBlZd3T/59oGmGUGZyf9gG/CsmRsVbPrdyAEHdOAAEG5_87gKA002.jpg" alt="" class="img100">
                                <div class="word">
                                    <p class="up">定型造型</p>
                                    <p class="down">我的造型当然我做主</p>
                                </div>
                            </a> </div>
                    </div>
                </div>
            </div>
            <!-- 1~6F-s -->
            <foreach name="channel_cate" item="vo" key="k">
                <if condition="$k lt 3">
                    <div class="module F_dynamic" parentmoduleid="{$k}">
                        <div class="layout beauty-floor beauty-floor-01 container mt30" data-floor="1">
                            <div class="layout-hd editable" moduleid="">
                                <div class="layout-title fl" floorname="面部护肤" icon="">{$vo.name}</div>
                                <div class="cates-list">
                                    <foreach name="vo.sub_menu" item="v2" key="k">
                                        <if condition="$k gt 5">
                                            <a class="cates"<if condition="$v2[is_hot] eq 1">style="color: #da3a4c;"</if> >{$v2.name}</a>
                                        </if>
                                    </foreach>
                                </div>
                            </div>
                            <div class="floor floor-switch">
                                <div class="floor-left step-slide editable ui-switchable" moduleid="1557937_left" fnp="switch-slide" data-widget-cid="widget-f060b19407b91859ce5e6716883a8148">
                                    <div class="step"> <a> <img class="img100" src="http://img15.fn-mart.com/group1/M00/C5/4D/CsnBPlYp3cyAEoxdAABixlQhDXc585.jpg" data-images="http://img15.fn-mart.com/group1/M00/C5/4D/CsnBPlYp3cyAEoxdAABixlQhDXc585.jpg"> </a>
                                        <div class="nav" style="top:68px">
                                            <ul data-role="nav" class="nav-list ui-switchable-nav">
                                                <foreach name="vo.sub_menu" item="v3" key="k">
                                                    <if condition="$k lt 6">
                                                        <li class="ui-switchable-trigger <if condition="$k eq 0">ui-switchable-active</if>">
                                                    <span>{$v3.name}</span><em></em><i></i>
                                                    </li>
                                                    </if>
                                                </foreach>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="slide">
                                        <div class="slide-wrap ui-switchable-content" data-role="content">
                                            <foreach name="vo.sub_menu" item="vv" key="k">
                                                <if condition="$k lt 7">
                                                    <div class="slide-item" <if condition="$k gt 0"> style="display: none;"</if> >
                                                        <ul class="slide-left">
                                                            <foreach name="vv.sub_goods" item="vg" key="k2">
                                                                <li class="good good-big">
                                                                    <div class="info"> 
                                                                        <span class="num">NO.{$k2+1}</span> 
                                                                        <a href="{:U('Home/Goods/goodsInfo',array('id'=>$vg[goods_id]))}" class="title" target="_blank">{$vg.goods_name}</a> 
                                                                        <span class="price">￥<font id="" class="">{$vg.shop_price}</font></span> 
                                                                    </div>
                                                                    <a href="{:U('Home/Goods/goodsInfo',array('id'=>$vg[goods_id]))}" target="_blank"> 
                                                                        <img class="good-big-img img100" src="{$vg.goods_id|goods_thum_images=400,400}" data-images="{$vg.goods_id|goods_thum_images=400,400}" alt=""> 
                                                                    </a> 
                                                                </li>
                                                            </foreach>
                                                        </ul>
                                                    </div>
                                                </if>
                                            </foreach>
                                        </div>
                                    </div>
                                </div>
                                <div class="floor-right editable" moduleid="">
                                    <div class="item item-h2"> 
                                        <adv pid="200+$k" limit="1" item="vv">
                                            <a href="{$vv.ad_link}" class="img-box" <if condition="$vv['target'] eq 1">target="_blank"</if>>
                                                <img title="{$vv[title]}" style="{$vv[style]}" src="{$vv[ad_code]}" class="img100 img-effect" >
                                            </a>
                                        </adv>
                                    </div>
                                </div>
                            </div>
                            <div class="brand-slide editable ui-switchable" moduleid="1557937_bottom" fnp="brand-slide" data-widget-cid="widget-626a691d3389b7c9fc8bb8496ad82b83">
                                <ul class="slide ui-switchable-content" data-role="content" style="position: relative; width: 35791197px; left: 0px;">
                                    <li class="item ui-switchable-clone" style="float: left;"> <a href="javascript:;"> <img class="img img100" src="http://img05.fn-mart.com/C/item/2015/0417/201504C170003013/_729407889_400x400.jpg" data-images="http://img05.fn-mart.com/C/item/2015/0417/201504C170003013/_729407889_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;">皇马劲能保湿乳特惠套装  100g+70g/支</a> <span class="price">￥<font id="201504CM170003044_1557937" class="">89</font></span> </div>
                                    </li>
                                    <li class="item" style="float: left;"> <a href="javascript:;"> <img class="img img100" src="http://img05.fn-mart.com/C/item/2015/0416/201504C160040394/_587748926_400x400.jpg" data-images="http://img05.fn-mart.com/C/item/2015/0416/201504C160040394/_587748926_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;" >妮维雅凝水活采凝露 50ml/瓶</a> <span class="price">￥<font id="201504CM160059309_1557937" class="">58</font></span> </div>
                                    </li>
                                    <li class="item" style="float: left;"> <a href="javascript:;" > <img class="img img100" src="http://img06.fn-mart.com/C/item/2015/0430/201504C300000707/_810817321_400x400.jpg" data-images="http://img06.fn-mart.com/C/item/2015/0430/201504C300000707/_810817321_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;">高夫 经典保湿润肤霜 75g/瓶</a> <span class="price">￥<font id="201504CM300000929_1557937" class="">98</font></span> </div>
                                    </li>
                                    <li class="item ui-switchable-clone" style="float: left;"> <a href="javascript:;" > <img class="img img100" src="http://img05.fn-mart.com/C/item/2015/0417/201504C170002215/_012263961_400x400.jpg" data-images="http://img05.fn-mart.com/C/item/2015/0417/201504C170002215/_012263961_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;">妮维雅 男士舒安润护保湿露  50g/盒</a> <span class="price">￥<font id="201504CM170002230_1557937" class="">115</font></span> </div>
                                    </li>
                                    <li class="item ui-switchable-clone" style="float: left;"> <a href="javascript:;"> <img class="img img100" src="http://img06.fn-mart.com/C/item/2015/0417/201504C170005792/_571420754_400x400.jpg" data-images="http://img06.fn-mart.com/C/item/2015/0417/201504C170005792/_571420754_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;">Olay  新生塑颜金纯面霜 &nbsp; 轻盈无香精型50g/瓶</a> <span class="price">￥<font id="201504CM170005839_1557937" class="">195</font></span> </div>
                                    </li>
                                    <li class="item ui-switchable-clone" style="float: left;"> <a href="javascript:;"> <img class="img img100" src="http://img04.fn-mart.com/C/item/2015/0416/201504C160039387/_354421601_400x400.jpg" data-images="http://img04.fn-mart.com/C/item/2015/0416/201504C160039387/_354421601_400x400.jpg" alt=""> </a>
                                        <div class="intro"> <a class="title" href="javascript:;">百雀羚 水能量焕颜霜  50g/瓶</a> <span class="price">￥<font id="201504CM160058301_1557937" class="">121.2</font></span> </div>
                                    </li>
                                </ul>
                                <a href="javascript:;" class="ctrl ctrl-prev ui-switchable-prev-btn" data-role="prev"></a> <a href="javascript:;" class="ctrl ctrl-next ui-switchable-next-btn" data-role="next"></a> </div>
                        </div>
                    </div>
                </if>
            </foreach>
            <!-- 1~6F-e --> 
        </div>
    </div>
    <!--------中间内容end-------------->   


    <!--------footer-开始-------------->
    <include file="Public/footer" />
    <!--------footer-结束-------------->
    <script type="text/javascript" src="__STATIC__/js/channel.js"></script>
    <script type="text/javascript">
        $('.ui-switchable-nav').each(function () {
            var _this = this;
            $(_this).children().each(function (i, o) {
                $(o).hover(function () {
                    $(o).siblings().removeClass('ui-switchable-active');
                    $(o).addClass('ui-switchable-active');
                    $(_this).parent().parent().siblings().children().children().hide();
                    $(_this).parent().parent().siblings().children().children().eq(i).show();
                });
            })
        })

    </script>
</body>
</html>